<template>
  <div>
    <Pager
      @pageChanged="pageChanged"
      :currentPage="currentPage"
      :total="30"
      :limit="4"
      :visibleNumber="4"
    ></Pager>
  </div>
</template>

<script>
import Pager from "./";
export default {
  components: {
    Pager,
  },
  data() {
    return {
      currentPage: 3,
    };
  },
  methods: {
    pageChanged(newPage) {
      this.currentPage = newPage;
    },
  },
};
</script>

<style></style>
